@charset "utf-8";
/* banner */
.page-banner{position: relative; height: 500px; overflow: hidden;}
.page-banner img{width: 100%;}
.page-banner-info{position: absolute; top: 0;left: 0; width: 100%; height: 100%;  display: flex; justify-content:center; align-items: center;}
.page-banner-info>div{ color: #fff; text-align: center;}
.page-banner-info h3{ position: relative; padding-bottom: 20px; margin-bottom: 20px; font-size: 36px; }
.page-banner-info h3::before{ position: absolute; bottom: 0; left: 50%; content: ''; width: 60px; height: 4px; background-color: var(--default); transform: translateX(-50%); }
.page-banner-info p{ padding: 0 15px; font-size: 16px; }

@media (max-width:1440px) {
    .page-banner{ height: 400px; }
    .page-banner-info h3{ font-size: 32px; }
}

@media (max-width:1200px) {
    .page-banner{ height: 300px; }
    .page-banner-info h3{ font-size: 24px; }
}

@media (max-width:768px) {
    .page-banner{ height: 250px; }
    .page-banner-info h3 {font-size: 20px;}
    .page-banner-info p{ font-size: 14px; }
}

@media (max-width:640px) {
    .page-banner{ height: 200px; }
    .page-banner-info h3 { font-size: 16px; padding-bottom: 15px; margin-bottom: 10px;}
    .page-banner-info p{ font-size: 12px; }
}

/* path */
.page-path{padding: 28px 0px; align-items: center;}
.page-path i{font-size: 18px;}
.page-path a{display: inline-block; margin: 0px; color: #666 ;}
.page-path a:hover{
    font-weight: 900;
    color: #0000ff;
}
.page-path em{
    font-style: initial;
}
.page-path span{ display: inline-block; margin-left: 3px; color: var(--default);}
.page-path .fr ul {display: flex;}
.page-path .fr ul li {margin: 0 20px;}
.page-path .fr ul li a {font-size: 16px;position: relative;}
.page-path .fr ul li.current-cat a::after {content: '';position: absolute;width: 100%;left: 0;bottom: -25px;height: 2px;background-color: #0000ff;}
.page-path .fr ul li a:hover,.page-path .fr ul li.current-cat a {color: #0000ff;}
/*  */
.pagination{padding: 40px 0 20px;}
.pagination ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.pagination ul li{ margin:2px; font-size: 16px;}
.pagination ul li a{display: block; width: 36px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #eee; color: #999;}
.pagination ul li span{display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: translateY(-2px) rotate(45deg);}

.pagination ul li:first-child a{padding-left: 3px; width: 35px;}
.pagination ul li:nth-last-child(2) a{padding-right: 3px; width: 35px;}
.pagination ul li:last-child em{display: inline-block; padding: 0 5px;  height: 35px; line-height: 33px; border: 1px solid #eee; font-style: normal;}
.pagination ul li:first-child span{border-top: none;border-right: none;}
.pagination ul li:last-child span{border-bottom: none;border-left: none;}

.pagination ul li a.current,
.pagination ul li a:hover{border: 1px solid var(--default); color: #fff; background-color: var(--default);}
.pagination ul li a:hover span{border-color: #fff;}

@media (max-width:768px) {
    .page-path {padding: 15px 0;}
    .page-path span {margin-left: 0;}
    .page-path a {margin: 0;}
    .page-path .fr {display: none;}
}

/*  */

.app ul li{padding-bottom: 60px; justify-content: space-between;}
.app ul li:nth-child(2n){flex-direction: row-reverse;}
.app ul li>div{width: 48%;}

.app-content{display: flex; align-items: center;}
.app-box{max-width: 630px; }
.app ul li .app-content{justify-content: flex-end;}
.app ul li:nth-child(2n) .app-content{justify-content: flex-start;}

.app-title h3{position: relative; z-index: 1; padding-top: 80px; font-size: 36px; font-weight: bold; overflow: hidden;}
.app-title h3 b{position: absolute; bottom: 0; left: -40px; z-index: -1; font-size: 160px; line-height: .7; color: #eee; }
.app-title h3 span{ margin-left: 20px; font-size: 16px; font-weight: normal; color: #666;}

.app-box>p{ margin-top: 60px; line-height: 24px; color: #666;}

.app-poster img{width: 100%;}


/*  */
.product{padding: 20px 0; display: flex; flex-wrap: wrap; }
.product-asider{width: 300px;}
.product-asider h3{ padding: 20px; font-size: 22px; background-color: var(--default); color: #fff;}
.product-asider ul li a{ padding: 0 20px; display: block; font-size: 16px; line-height: 50px; border: 1px solid #ccc; border-top: none;}
.product-asider ul li a:hover,
.product-asider ul li.current-cat a{border-left: 6px solid var(--default);}
.product-asider ul.children li a {padding-left: 40px;position: relative;}
.product-asider ul.children ul.children li a {padding-left: 60px;}
.product-asider ul.children li a::before {content: '';position: absolute;width: 5px;height: 5px;background-color: var(--default);top: 50%;transform: translateY(-50%);left: 20px;border-radius: 50%;}
.product-asider ul.children ul.children li a::before {left: 40px;}
@media (max-width:1200px) {
    .product-asider{width: 200px;}
}

@media (max-width:960px) {
    .product-asider h3{ font-size: 18px;}
    .product-asider ul li a{ font-size: 14px; line-height: 40px;}
}

@media (max-width:768px) {
    .product-asider{width: 100%;display: none;}
    .product-asider ul{display: flex; flex-wrap: wrap;}
    .product-asider ul li{width: 33.3333333333%;}
    .product-asider ul li a{}
    .app {padding: 0 15px;}
    .app-box>p {margin-top: 20px;}
    .app-title h3 b {font-size: 100px;}
    .app-title h3 {font-size: 28px;padding-top: 50px;}
    .app ul li:first-of-type {margin-top: 25px;}
    /* .app ul li {padding-bottom: 30px;} */
    .app ul li>div {width: 100%;}
    .app-poster {display: none;}
}

@media (max-width:480px) {
    .product-asider ul li{width: 50%;}
    
    
}

.product-main{flex: 1; padding-left: 30px;}

@media (max-width:1200px) {
    .product-main{padding-left: 0;}
}


.product-list{overflow: hidden;}

.product-list ul li{ width: 33.33%; padding-left: 20px; margin-bottom: 20px;}

@media (max-width:960px) {
    .product-list ul li{ width: 50%;}
}

@media (max-width:768px) {
    .product-list ul {margin-left: -20px;}
    .product-list ul li{ margin-bottom: 0; margin-top: 20px;}
}



.product-pic{position: relative; display: block; border: 1px solid #ccc;border-bottom: 0;}
.product-pic img{width: 100%;height: 300px;object-fit: cover;}
.product-mask{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;display: none;}

.product-mask span{ position: relative; display: inline-block; line-height: 32px; color: var(--default);;}
.product-mask span::before,
.product-mask span::after{position: absolute; left: 50%; z-index: 1; content: ''; display: block; width: 20px; height: 1px; background-color: var(--default); transform: translateX(-50%);}
.product-mask span::before{top: 0;}
.product-mask span::after{bottom: 0;}


.product-title{ padding: 10px 20px; border: 1px solid #ccc;}

.product-title h3{padding: 10px 0; border-bottom: 1px solid #ccc;}
.product-title>a{padding: 10px 0; display: flex; justify-content: space-between; align-items: center; color: #666;}

@media (max-width:640px) {
    .product-title{ padding:5px 10px; border: 1px solid #ccc;}
    .product-pic img {height: auto;}
}


/*  */


.detail{padding: 60px 30px;border: 1px solid #eeeeee;margin-bottom: 20px;}
.detail .flex{align-items: flex-start;}
@media (max-width:768px) {
    .detail .flex{flex-direction: column;}
}

.detail-pro-left{width: 360px;}
@media (max-width:1230px) {
    .detail-pro-left{width: 280px;}
}


.detail-pro-image{border: 1px solid #eee;}
.detail-pro-image img{width: 100%;}

.detail-pro-swiper{position: relative; margin-top: 30px;}
.detail-pro-swiper .swiper-slide {border: 1px solid #eee;}
.detail-pro-swiper .swiper-slide img{width: 100%;}
.detail-pro-swiper .swiper-button-next,
.detail-pro-swiper .swiper-button-prev{top: 0; margin-top: 0; height: 100%;background: none; display: flex; align-items: center; justify-content: center;outline: none;}
.detail-pro-swiper .swiper-button-next i,
.detail-pro-swiper .swiper-button-prev i{font-size: 28px; color: #333;}
.detail-pro-swiper .swiper-button-next{right: -25px;}
.detail-pro-swiper .swiper-button-prev{left: -25px;}
.detail-pro-swiper .swiper-button-next:hover,
.detail-pro-swiper .swiper-button-prev:hover{background-color: #0000ff;}
.detail-pro-swiper .swiper-button-next:hover i,
.detail-pro-swiper .swiper-button-prev:hover i{color: #fff;}

.detail-meta {
    margin-top: 40px;
}
.detail-meta>table {background-color: #f8e3ad;color: #221815;font-size: 15px;}
.detail-meta table tr {}
.detail-meta>table td {border: 1px solid #221815;padding: 10px 0;}
.detail-meta>table table td {border: none;}
.detail-pro-link a {font-size: 16px;color: #ffffff;display: inline-block;background-color: #0000ff;padding: 16px 45px;margin-right: 20px;}
.detail-pro-link a:last-of-type {margin-right: 0;}

.detail-pro-right{flex: 1; padding-left: 25px;}

.detail-pro-title{margin-bottom: 50px;overflow: hidden;}
.detail-pro-title h4{margin-bottom: 30px; text-indent: -8px; font-size: 16px;}
.detail-pro-title h1 {font-size: 22px;font-weight: bold;color: #333333;position: relative;padding-bottom: 15px;}
.detail-pro-title h1::after {content: '';position: absolute;width: 50px;height: 2px;bottom: 0;left: 0;background-color: #0000ff;}
.detail-pro-title h3{padding-bottom: 15px; font-size: 24px;}
.detail-pro-title p{line-height: 24px;font-size: 14px;color: #666666;}
@media (max-width:1230px) {
    .detail-pro-title{margin-bottom: 20px;overflow: hidden;}
    .detail-pro-title h4{margin-bottom: 20px; font-size: 14px;}
    .detail-pro-title h3{font-size: 18px;}
}
.detail-pro-table{padding-top: 30px;}
.detail-pro-table table{width: 100%; text-align: left; border: 1px solid #ccc;}
.detail-pro-table table tr:nth-child(2n-1){background-color: #eee;}
.detail-pro-table table th,
.detail-pro-table table td{padding-left: 15px; line-height: 40px;}
.detail-pro-table table td{border-top: 1px solid #eee;}


.detail-nextpage ul{padding: 20px 0; display: flex; justify-content: space-between; align-items: center;border-top: 1px solid #eee;}
.detail-nextpage ul li{position: relative;list-style: none !important;display: flex;font-size: 14px;color: #999999;}
.detail-nextpage ul li:last-child{text-align: right;}
.detail-nextpage ul li h3 {margin: 0;font-size: 14px;color: #999999;line-height: normal; margin-top: 5px;}
.detail-nextpage ul li a {font-size: 18px;color: #666666;}
.detail-nextpage ul li a:hover{color: #0000ff;text-decoration: none;}



.detail-pro-editor {margin-bottom: 60px;}
.detail-pro-editor h3 {font-size: 20px;font-weight: bold;color: #ffffff;background-color: #0000ff;border: 1px solid #eeeeee;display: inline-block;padding: 20px 110px;}



@media (max-width:1420px) {
    .detail {padding: 20px 10px;}
    .detail-pro-link a {padding: 14px 30px;margin-right: 15px;}
}
@media (max-width:1230px) {
    .detail-pro-right{padding-left: 30px;}
}

@media (max-width: 1200px) {
    .detail-pro-editor h3 {padding: 15px 50px;font-size: 16px;}
}
@media (max-width:768px) {
    .product {padding: 0;}
    .detail-pro-left{width: 100%;}
    .detail-pro-title {width: 100%;margin-top: 20px;}
    .detail-pro-right{padding-left: 0;flex: unset;width: 100%;}
    .detail {padding: 20px 0;margin-top: 0;}
    .detail-pro-editor {padding: 0;}
    .detail-pro-swiper {margin-top: 0;margin: 15px 0;}
    .detail-pro-link a {font-size: 14px;}
    .detail-pro-editor h3 {font-size: 14px;padding: 14px 28px;}
    .detail-meta {margin-top: 20px;}
}

@media (max-width:768px) {
    .detail-nextpage ul li h3 {margin-top: 0;}
}

.about {margin-bottom: 55px;}

.company {background: url(../images/about/company-bg.jpg);}
.company .flex {justify-content: space-between;}
.company .company-box {width: 48%;}
.company .company-box .company-pt {display: flex;align-items: center;background-color: #0000ff;border: 1px solid #eeeeee;}
.company .company-box .company-pt>div {font-size: 16px;color: #333333;padding: 24px 20px;}
.company .company-box .company-pt .com-l {color: #ffffff;width: 160px;}
.company .company-box .company-pt .com-r {flex: 1;background-color: #ffffff;}
.company .company-box .company-pt .com-r p {margin-bottom: 10px;}
.company .company-box .company-pt .com-r p:last-of-type {margin-bottom: 0;}
.company-container {margin-bottom: 60px;}
.company-container h3 {font-size: 20px;color: #333333;background-color: #efefef;font-weight: bold;padding: 18px 20px;border-left: 2px solid #0000ff;margin-bottom: 20px;}
@media (max-width:960px) {
    .company .company-box {width: 49%;}
    .company .company-box .company-pt>div {padding: 18px 15px;}
    .company .company-box .company-pt .com-r {line-height: 1.4;}
}
@media (max-width:768px) {
    .company .company-box .company-pt>div {font-size: 14px;}
    .company .company-box .company-pt .com-l {width: 110px;}
    .company .company-box .company-pt .com-r p {margin-bottom: 5px;}
    .company-container {margin-bottom: 40px;}
    .company-container h3 {font-size: 18px;padding: 15px;}
}
@media (max-width: 640px) {
    .about {margin: 30px 0;}
    .company .company-box {width: 100%;}
    .company .company-box .company-pt {flex-wrap: wrap;}
    .company-container h3 {font-size: 16px;line-height: 1.5;}
}

.global-left {width: 46%;}
.global-right {width: 52%;display: flex;align-items: center;}
.global-right img {max-width: 100%;}
.global {background: url(../images/about/global-bg.jpg);}
.global-left .index-title h3 {color: #ffffff;}
.index-global-content {color: #ffffff;font-size: 16px;}
.index-global-content p {line-height: 1.5;font-size: 14px;}
.index-global-content ul {display: flex;flex-wrap: wrap;margin-top: 80px;}
.index-global-content ul li {display: flex;align-items: center;margin-bottom: 35px;width: 33%;}
.index-global-content ul li .add-img {background-color: #0000ff;border-radius: 50%;padding: 0 20px;width: 60px;line-height: 60px;}
.index-global-content ul li .add-con {margin: 0 20px 0 15px;padding: 0;}
.index-global-content ul li .add-con h4 {margin-bottom: 6px;}
.index-global-content ul li .add-con p {height: 24px;}


@media (max-width:1200px) {
    .global .flex {justify-content: space-between;}
    .global-left {width: 55%;}
    .global-right {width: 45%;}
}
@media (max-width:960px) {
    .index-global-content ul {margin-top: 35px;}
    .index-global-content ul li {margin-bottom: 25px;}
    .index-global-content ul li .add-img {padding: 0 14px;width: 40px;line-height: 40px;}
    .index-global-content ul li .add-img img {width: 12px;}
    .index-global-content ul li .add-con h4 {font-size: 14px;}
    .index-global-content ul li .add-con p {font-size: 12px;height: 36px;}
}
@media (max-width:768px) {
    .global .flex {flex-wrap: wrap;}
    .global-left,.global-right {width: 100%;}
    .global-right {justify-content: flex-end;display: none;}
    .index-global-content ul li {width: 50%;}
    .index-global-content ul li:last-of-type {margin-bottom: 0;}
    .global-right img {max-width: 90%;}
}

.process {background: url(../images/about/process-bg.jpg);}
.process .process-thumbs {position: relative;padding: 50px 0;}
.process-thumbs::after {content: '';position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;border-top: 1px dashed #cccccc;}
.process-thumbs .swiper-slide {text-align: center;font-size: 18px;color: #333333;position: relative;top: 40px;}
.process-thumbs .swiper-button-prev {background-image: url(../images/arrow_left_icon.png);left: 0;right: auto;}
.process-thumbs .swiper-button-next {background-image: url(../images/arrow_right_icon.png);right: 0;left: auto;}
.process-thumbs .swiper-button-next,.process-thumbs .swiper-button-prev {position: absolute;top: 50%;width: 16px;height: 28px;margin-top: 0;z-index: 10;cursor: pointer;background-size: 16px 28px;background-position: center;background-repeat: no-repeat;transform: translateY(-50%);}
.process-thumbs .swiper-button-prev::before {content: '';position: absolute;left: 35px;top: 50%;transform: translateY(-50%);background-color: #0000ff;width: 12px;height: 12px;border-radius: 50%;}
.process-thumbs .swiper-button-next::after {content: '';position: absolute;right: 35px;top: 50%;transform: translateY(-50%);background-color: #0000ff;width: 12px;height: 12px;border-radius: 50%;}
.process-thumbs .swiper-slide::before {content: '';position: absolute;width: 8px;height: 8px;top: -37px;border-radius: 50%;background-color: #333333;left: 50%;transform: translateX(-50%);}
.process-thumbs .swiper-slide::after {content: '';position: absolute;width: 1px;height: 25px;top: -30px;background-color: #333333;left: 50%;transform: translateX(-50%);}
.process-thumbs .swiper-slide.swiper-slide-active {color: #0000ff;}
.process-thumbs .swiper-slide.swiper-slide-active::before {background-color: #0000ff;}
.process-thumbs .swiper-slide.swiper-slide-active::after {background-color: #0000ff;}
.process-thumbs .swiper-slide:nth-of-type(odd) {top: -45px;}
.process-thumbs .swiper-slide:nth-of-type(odd)::before {top: 50px;}
.process-thumbs .swiper-slide:nth-of-type(odd)::after {top: 25px;}
.process .process-conbox {padding: 0 40px;position: relative;}
.process .process-conbox img.fixed {position: absolute;z-index: 9;width: 50%;}
.process .process-swiper {margin-top: 45px;}
.process .process-swiper .swiper-button-next,
.process .process-swiper .swiper-button-prev {position: absolute;top: 50%;margin-top: 0;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;transform: translateY(-50%);background-color: #ffffff;background-image: none;width: 45px;height: 45px;display: flex; align-items: center; justify-content: center;}
.process .process-swiper .swiper-button-next img,
.process .process-swiper .swiper-button-prev img {width: 10px;height: 18px;}
.process .process-swiper .swiper-button-next {left: auto;right: 0;background-color: #0000ff;}
.process .process-swiper .swiper-button-prev {right: auto;left: 0;}
.process .process-swiper .swiper-slide {display: flex;justify-content: space-between;}
.process .process-swiper .swiper-slide img {width: 50%;opacity: 0;visibility: hidden;}
.process .process-swiper .swiper-slide .process-con {background-color: #ffffff;width: 50%;padding: 0 45px;display: flex; flex-direction: column; justify-content: center;}
.process .process-swiper .swiper-slide .process-con .process-date {font-size: 32px;color: #0000ff;margin-bottom: 35px;}
.process .process-swiper .swiper-slide .process-con .process-tit {font-size: 26px;color: #333333;line-height: 1.4;}

@media (max-width:1200px) {
    .process .process-swiper .swiper-slide .process-con .process-date {font-size: 26px;margin-bottom: 20px;}
    .process .process-swiper .swiper-slide .process-con .process-tit {font-size: 18px;}
}
@media (max-width:768px) {
    .process .process-conbox img.fixed {position: relative;}
    .process .process-swiper {margin-top: 25px;}
    .process .process-swiper .swiper-slide img {display: none;}
    .process .process-swiper .swiper-slide .process-con {width: 100%;min-height: 130px;}
    .process .process-swiper .swiper-slide .process-con {padding: 0 25px;}
    .process .process-swiper .swiper-slide .process-con .process-date {font-size: 20px;margin-bottom: 10px;}
    .process .process-swiper .swiper-slide .process-con .process-tit {font-size: 16px;}
    .process .process-swiper .swiper-button-next, .process .process-swiper .swiper-button-prev {display: none;}
}

@media (max-width:580px) {
    .process .process-conbox img.fixed  {width: 100%;}
}
@media (max-width:500px) {
    .process .process-swiper .swiper-slide {flex-wrap: wrap;}
    .process .process-swiper .swiper-slide .process-con {padding: 30px 20px;}
    .process .process-swiper .swiper-slide img,.process .process-swiper .swiper-slide .process-con {width: 100%;}
}
.honor {background: url(../images/about/honor-bg.jpg);}
.honor .index-title h3 {color: #ffffff;}
.honor .mySwiper {overflow: hidden;}
.honor .mySwiper .swiper-slide img {width: 100%;}
.honor-box {padding: 0 100px;position: relative;}
.honor .swiper-button-next,.honor .swiper-button-prev {position: absolute;top: 50%;width: 60px;height: 60px;margin-top: 0;z-index: 10;cursor: pointer;background-size: 60px 60px;background-position: center;background-repeat: no-repeat;transform: translateY(-50%);}
.honor .swiper-button-prev {background-image: url(../images/white_right_icon.png);right: 0;left: auto;}
.honor .swiper-button-next {background-image: url(../images/white_left_icon.png);left: 0;right: auto;}

@media (max-width:768px) {
    .honor-box {padding: 0 20px;}
    .honor .mySwiper .swiper-slide:nth-of-type(3) {display: none;}
    .honor .swiper-button-next,.honor .swiper-button-prev  {display: none;}
}

.env {background: url(../images/about/env-bg.jpg);background-position: bottom center;}
.env img {max-width: 100%;}

.about-footer {background: linear-gradient(to right, #0874DC, var(--default) );}
.about-footer .about-fbox {color: #ffffff;text-align: center;padding: 35px 0;}
.about-footer .about-fbox h3 {font-weight: bold;font-size: 20px;margin-bottom: 20px;}
.about-footer .about-fbox a {display: inline-block;border: 1px solid #85a3e7;color: #ffffff;font-size: 16px;padding: 16px 57px;}
.about-footer .about-fbox a:hover {background-color: #ffffff;border-color: #ffffff;box-shadow: 0 13px 10px rgb(0 0 255 / 40%);color: var(--default);}

.news {background-color: #f7f7f7;padding: 80px 0 30px;}
.news-show {background-color: #ffffff;padding: 50px 100px;margin-bottom: 70px;}

.news-info h1 {font-size: 30px;color: #333333;margin-bottom: 20px;text-align: center;}
.news-info .news-meta {display: flex;flex-wrap: wrap;justify-content: center;padding-bottom: 30px;border-bottom: 1px solid #eeeeee;margin-bottom: 40px;}
.news-info .news-meta span {font-size: 14px;color: #999999;display: flex;margin: 0 6px;}
.news-info .news-meta a {font-size: 14px;color: #999999;margin: 0 2px;}
.page-news-list {flex-wrap: wrap;justify-content: space-between;}
.page-news-list li {width: 100%;margin-bottom: 20px;padding: 0;padding: 35px 40px;}
.page-news-list li .data {color: #3a80da; font-size: 16px; font-weight: bold;}
.page-news-list li h3 {margin-top: 10px; color: #333333; font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: bold;}
.page-news-list li p {color: #888; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px;}

.article-click{text-align: center;margin-bottom: 60px;}
.article-click a{display: inline-block; width: 100px; padding: 5px 30px; background-color: #0000ff; color: #fff; border-radius: 60px;}
.article-click a i{font-size: 24px;}
.article-click a p{margin-top: 8px; font-size: 16px;}

@media (max-width: 768px) {
    .page-news-list li {padding: 15px 25px;}
    .page-news-list li h3 {font-size: 18px;line-height: normal;}
    .page-news-list li p {font-size: 14px;}
}


.page-show-content {padding-bottom: 50px;}
.rec {background-color: #f7f7f7;padding-bottom: 80px;}
.rec .container>h3 {font-size: 30px;color: #333333;margin-bottom: 35px;}
.rec ul {justify-content: space-between;}
.rec ul li {width: 32%;}

@media (max-width: 1200px) {
    .rec {padding-bottom: 30px;}
    .news {padding: 30px 0;}
    .news-show {padding: 30px 40px;margin-bottom: 50px;}
    .news-info h1 {font-size: 24px;}
    .rec .container>h3 {font-size: 22px;margin-bottom: 20px;}
    .news-info .news-meta {margin-bottom: 25px;}
    .page-show-content {padding-bottom: 20px;}
    .article-click {margin-bottom: 30px;}
}
@media (max-width: 768px) {
    .rec {display: none;}
    .news-info h1 {font-size: 18px;}
    .news-show {padding: 30px 20px 0;margin-bottom: 0;}
    .news-info .news-meta span,.news-info .news-meta a {font-size: 14px;margin-bottom: 5px;}
    .news-info .news-meta {padding-bottom: 10px;}
}

@media (max-width:640px) {
    .detail-nextpage ul {flex-wrap: wrap;padding-left: 0 !important;padding-bottom: 0;}
    .detail-nextpage ul li {width: 100%;}
    .detail-nextpage ul li a {font-size: 14px;}
    .article-click a{display: inline-block; padding: 5px 30px;}
    .article-click a i{font-size: 20px;}
    .article-click a p{margin-top: 3px; font-size: 16px;}
    .news-info .news-meta a {margin: 0 2px;}
    .news-info .news-meta span {align-items: center;}
}

.join-btm {padding-bottom: 40px;}
.job-menu {margin: 20px 0;}
.job-menu-item {margin-bottom: 30px;background-color: #f2f2f2;padding: 0 25px 0 50px;border-left: 5px solid #0000ff;line-height: 45px;height: 45px;cursor: pointer;position: relative;transition: none;}
.job-selctions .job-menu-item:last-of-type  {margin-bottom: 0;}
.job-menu-item p {font-size: 16px;color: #333;float: left;margin-right: 12%;pointer-events: none;min-width: 135px;}
.job-menu-item i {font-style: normal;font-size: 25px;color: #0000ff;cursor: pointer;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 25px;pointer-events: none;}
.job-menu-item.on i {color: #0000ff;-webkit-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
.job-item {margin: 0;display: none;border: 1px solid #e5e5e5;border-top: none;transition: none;margin-bottom: 40px;}
.job-box {padding: 30px 25px;margin-bottom: 20px;}
.job-item-hide {height: 0;display: none;}
.job-item-show {height: auto;display: block;border: 1px solid #e5e5e5;border-top: none;}
.job-item p {font-size:14px;line-height: 2;}
a.contact-btn {background-color: #0000ff;padding: 8px 20px;color: #fff;display: inline-block;margin-top: 30px;font-size: 14px;}
.contact-job {margin: 50px 0 30px;}
a.contact-btn:hover {background-color: #2f79ea;}
.job-boxx {line-height: 2;}
.job-boxx h3 {margin-bottom: 10px;}
.job-boxx ul {}
.job-boxx ul li {line-height: 2;}
@media (max-width: 1230px) {
    .join-img {flex: 1;margin-right: 30px;}
    .join-box .container-width .join-con {width: 60%;}
    .join-box .container-width .join-con h3 em {font-size: 26px;}
    .join-box .container-width .join-con h3 span {font-size: 16px;}
    .join-box .container-width .join-con .join-dream {padding: 20px 15px;font-size: 14px;}
    .join-box .container-width .join-con .join-dream::after {font-size: 135px;bottom: -68px;}
    .join-box .container-width .join-con .join-info p:nth-of-type(1) {font-size: 16px;margin-bottom: 10px;}
    .join-box .container-width .join-con .join-info p:nth-of-type(2) {font-size: 14px;line-height: 25px;}
    .join-box .container-width .join-con .join-info p:nth-of-type(3) {font-size: 14px;}
    .job-menu-item {height: 35px;line-height: 35px;font-size: 14px;}
    .join-box .container-width .join-img img {width: 100%;}
    a.contact-btn {font-size: 14px;}
}




@media (max-width: 960px) {
    .job-menu-item p {margin-right: 40px;}
    .join-box .container-width .join-con {margin-top: 0;}
    .join-box .container-width .join-img {width: 36%;}
    
    .join-box .container-width .join-con .join-info p:nth-of-type(2) br {display: none;}
}


@media (max-width: 768px) {
    .join-box .container-width .join-img {display: none;}
    .join-box .container-width .join-con {width: 100%;}
    .join-btm {margin: 30px 0;}
    .job-menu-item {overflow: hidden;padding: 0 10px;height: 40px;line-height: 40px;margin-bottom: 15px;}
    .job-menu-item i {font-size: 18px;}
    .job-menu-item p {font-size: 14px;margin-right: 18px;}
    .job-box {padding: 25px 15px;}
}

@media (max-width: 500px) {
    .join-box .container-width .join-con {margin-top: 20px;}
    .join-box .container-width .join-con h3 {margin-bottom: 20px;}
    .join-box .container-width .join-con h3 em {font-size: 22px;vertical-align: unset;}
    .join-box .container-width .join-con h3 span {font-size: 14px;}
    .join-box .container-width .join-con .join-dream {padding: 18px 12px;}
    .join-box .container-width .join-con .join-dream::after {font-size: 120px;bottom: -60px;}
    .join-box .container-width .join-con .join-info p {font-size: 14px;margin-bottom: 10px;}
}

@media (max-width: 420px) {
    .join-box .container-width .join-con .join-dream::after {font-size: 100px;bottom: -50px;}
}


.page-title {text-align: center;padding: 40px 0;}
.page-title h3 {font-size: 30px;}

@media (max-width: 768px) {
    .page-title {padding: 20px 0;}
    .page-title h3 {font-size: 22px;}
    .join-btm {padding-bottom: 10px;margin-top: 0;}
}

/*  */
.ikun-contact{padding-bottom: 35px; padding-top: 30px;}
.ikun-contact li{float: left; width: 33.33%; padding: 25px 15px; text-align: center;}
.ikun-contact-box{position: relative; background-color: #f7f7f7; border-bottom: 3px solid var(--default); padding: 25px 25px 0; transition: all .3s;}
.ikun-contact-box span{ margin: 0 auto; display: block; width: 100px; height: 100px; line-height: 90px; border-radius: 50%; text-align: center; background-color:var(--default); border: 6px solid rgba(0, 0, 255, .8); transform: translateY(-60px);}
.ikun-contact-box span i{font-size: 40px; color: #fff;}
.ikun-contact-box h3{color: #777; font-size: 22px; padding-bottom: 15px; transform: translateY(-40px);}
.ikun-contact-box p{min-height: 60px; font-size: 20px; color:#777; transform: translateY(-40px);}
.ikun-contact li:hover .ikun-contact-box{box-shadow: 0 0 15px rgba(0,0,0,.1);background-color: #fff;}

@media (max-width:940px) {
	.ikun-contact li{width: 50%;}
}

@media (max-width:768px) {
	.page-contact-map li{ padding: 15px; margin-bottom: 25px;}
	.page-contact-left{ width: 100%; padding-right: 0;}
	.page-contact-left h3{padding-bottom: 20px; margin-bottom: 20px; font-size: 16px;}
	.page-contact-left p{font-size: 16px; padding-bottom: 15px; }
	.page-contact-left p i{font-size: 26px;}
	
	.page-contact-right{width: 100%;}
	.ikun-contact li{ width: 100%; padding: 25px 15px; text-align: center;}
	.page-contact-right>div{height: 150px;}
}
/* show */
.ikun-show-title{ padding-top: 50px; text-align: center;}
.ikun-show-title h3{margin-bottom: 15px; padding-bottom: 15px; font-size: 24px;border-bottom: 1px dashed #eee;}
.ikun-show-title span{position: relative; display: inline-block; padding:0 15px; margin-bottom: 10px; color: #777;}
.ikun-show-title span:before{position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;}
.ikun-show-title span:first-child::before{display: none;}
.ikun-show-content{padding: 20px 0;font-size:100%;}
.ikun-show-content li{list-style:disc; margin:0 20px; line-height: 1.5;}
.ikun-show-content p{ padding: 15px 0;font-size: 16px; line-height: 1.5;}
.ikun-show-content img{max-width: 100%; height: auto; margin-top: 15px; margin-bottom: 15px;width: 100%;}
.ikun-show-content ul {margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}